/**
 * @author F.biz - http://www.fbiz.com.br/
 */
/* --------------------------------------------------------------- Home */

.contentWrapper{
	zoom:1;
	overflow:hidden;
}
	/* materia title */
	.materiaTitle{
		font-size:36px;
		color:#231f20;
		margin-top:0;
		padding-top:20px;
		font-weight:normal;
	}
	/*materia subtitle*/
	.materiaSubTitle{
		font-style:italic;
		color:#525252;
		font-size:16px;
		font-family:Georgia, serif;
		font-weight:normal;
}
	/* star voting */
	.voteHolder{
		overflow:hidden;
		zoom:1;
		margin-top:-5px;
	}
		.voteHolder .votingStars{
			float:left;display:inline;
		}
		.voteHolder .votingStarsOff{
			float:none;
			display:block;
		}
		.voteHolder .votingStatus{
			float:left;display:inline;
			margin:5px 0 0 7px;
		}
	/* materia content */
	.materiaHolder{
		zoom:1;
		overflow:hidden;
		font-size:14px;
		margin:20px 0;
	}
		.materiaHolder h2{
			font-size:21px;
			font-weight:normal;
		}
		.materiaHolder h3{
			font-size:18px;
			font-weight:normal;
		}
		.materiaHolder img{
			margin:0 10px; 
		}
		.materiaHolder ul,
		.materiaHolder ol{
			padding:0 0 0 30px;
			margin-bottom:10px;
		}
			.materiaHolder li{
				padding:0;
				margin:10px 0;
			}
			.materiaHolder ul li{
				list-style-type:disc;
			}
		.materiaHolder table{
			border-collapse:collapse;
			margin:10px 1px;
		}
			.materiaHolder table td{
				border:1px solid #C3DAD1;
				padding:5px;
			}
	/* print button holder */
	.imprimirHolder{
		text-align:right;
	}
	
	/* menu de navegacao */
	.materiaNavigation{
		overflow:hidden;
		zoom:1;
	}
		.materiaNavigation .back{
			float:left;display:inline;
		}
		.materiaNavigation li{
			float:right;display:inline;
			padding:10px 0;
		}
			.materiaNavigation a{
				float:left;display:inline;
			}
				.materiaNavigation button strong{
					text-decoration:underline;
					margin-top:-1px;
				}
				
	/* Formularios 'Beleza Masculina' */
	
	.materia .fakefile {
		background:url(http://midiavital.fbiz.com.br/locales/global/img/bt_envie_foto.png?v=1.0.0) no-repeat left;
		height:30px;
		width:153px;
		overflow:hidden;
		margin:10px 0;
		position:relative;
		z-index:1;
		zoom:1;
	}
	
	.materia .fakefile input {
		position:absolute;
		top:2px;
		left:0;
		z-index:2;
		-moz-opacity:0 ;
		filter:alpha(opacity: 0);
		opacity: 0;
		zoom:1;
	}
	
	.materia .fakeInputUp {
		width:150px;
		height:30px;
		float:left;display:inline;
		background:#f9f5e9;
		zoom:1;
	}
	
/* X-Ray ( Declaração de Consumo ) */

/*Técnica marota display inline block */

.xRayFeedback ul.porcentagem,
.xRay .xrayOptions, 
.xRay .img, 
.xrayOptions li,
.xRayFeedback ul.porcentagem li{ display:inline-block }

.xRayFeedback ul.porcentagem,
.xrayOptions, 
.xRay .img,
.xRayFeedback ul.porcentagem li,
.xrayOptions li{ *display:inline !important; zoom:1 }

.xRayFeedback,
.xRay{margin-bottom:20px }
	.xRay .gt,
	.xRay .link{ font-size:18px }	
	.xRay p{ font-size:14px }
	.xRay li.button{ margin:2px 0; position:relative }
		.xRay li.button a{
			display:block;
			text-decoration:none;
			font-style:oblique;
			color:#3A4D81;
			padding-left:10px;
			margin:5px 0;
			background:url(http://midiavital.fbiz.com.br/locales/global/img/carousel/bt_ant_prox.png?v=1.0.0) no-repeat -138px 0;
		}
		.xRay li.button .marca{
			position:absolute;
			top:50px;
			left:0;
			display:none
		}
		
	.xRay .img{
		background:url(http://midiavital.fbiz.com.br/locales/global/img/consumo/bg_carrossel.png?v=1.0.0) no-repeat;
		width:238px; 
		height:180px;
		padding:25px 8px
	}
	.xrayTitle{
		font-style:oblique;
		font-size:45px;
		color:#577ba0
	}
	.xRay .xrayProdutoTitle{
		font-size:30px;
		font-style:oblique;
		color:#7197bf;
		font-weight:normal
	}
	.xrayOptions{		
		vertical-align:top;
		width:450px
	}
	
	.xRay button{
		width:160px;
		height:60px;
		color:#665d6e;
		float:left;
		font-size:13pt;
		margin-right:8px;
		background:url(http://midiavital.fbiz.com.br/locales/global/img/consumo/bg_buttons.png?v=1.0.0) no-repeat;
		font-style:oblique;
		cursor:pointer
	}
	
	.xRay button.jc{
		width:189px;
		background-position:-169px 0
	}
	
	.xRay button.cf{ background-position:-367px 0 }
	.xRay button.co{
		background:url(http://midiavital.fbiz.com.br/locales/global/img/consumo/bg_bigger_button.png?v=1.0.0) no-repeat;
		width:190px
	}

/**
 * Feedback do x-ray
 */
.xRayFeedback{}
	.xRayFeedback p{ font-size:20px}
    
/**
 * Barra de compartilhar conteúdo
 */


.envieAmigo{	
	margin-top:-30px
}
.envieAmigo #feedbackMessage.success{ 
	color:#00bc04;
	padding:15px 0 
}
.envieAmigo form{
	width:490px
}
.envieAmigo .fldWrapper{
	background-color:#f9f6e9 !important;
	color:#000
}
.envieAmigo .fldWrapper .error{ background-color:#ff0000 !important; color:#fff }
.envieAmigo .errorMessage{ 
	position:absolute; 
	width:230px;
	margin-top:10px;
	margin-left:10px;
	color:#ff0000 
}
.envieAmigo em{
	font-style:normal;
	position:relative;
	top:10px
}
.envieAmigo .title{
	margin-bottom:10px
}
.shareList{
	padding-right:30px;
	height:70px
}
	.shareList li{ 
		float:left;		
		font-size:14px;
		position:relative
	}
		.shareList li.divisor{
			padding:5px 15px 5px 0;
			margin-right:15px;
			border-right:1px dashed #ABABAB;
		}
		
		.shareList li.divisor a{
			padding:4px 0 4px 45px;
			background:url(http://midiavital.fbiz.com.br/locales/global/img/sprite_compartilhe.png?v=1.0.0) no-repeat -6px -46px;	
		}
		
		.shareList li.indique{
			margin-left:8px;
			padding-top:5px;
			padding-right:5px
		}
		.shareList li.last{
			width:150px
		}
		.shareList li a{			
			font-weight:bold;		
				
		}
		.shareList .icone{
			float:left;
			width:28px;
			height:28px;
			margin:0 4px;
			position:relative;
			text-decoration:none !important;
			font-weight:normal;
			background:url(http://midiavital.fbiz.com.br/locales/global/img/sprite_redes_sociais.png?v=1.0.0) no-repeat 0 -36px
		}
		
						
			.shareList #lnkFavorito{ background-position:-8px -124px }						
			.shareList #facebook{ background-position:-36px -36px }
			.shareList #twitter{ background-position:-71px -36px }
			.shareList #btEnvieAmigo{ background-position:-105px -36px }
			
			.shareList .tooltip,
			.shareList .tooltip-seta{
				position:absolute;
				display:none;
				top:37px;
				left:0;	
				margin:0
			}
			.shareList .tooltip{				
				font-size:10px;				
			}
				.shareList .tooltip .borders{
					display:block;
					height:4px;
					width:150px;
					clear:both					
				}
			.shareList .tooltipTop{
				background:url(http://midiavital.fbiz.com.br/locales/global/img/bg_tooltip.png?v=1.0.0) no-repeat left top;
				
			}
			.shareList .tooltipBottom{
				background:url(http://midiavital.fbiz.com.br/locales/global/img/bg_tooltip.png?v=1.0.0) no-repeat left bottom;				
			}
			.shareList .tooltipContent{
				background-color:#f4eed4;
				width:135px;
				display:block;	
				overflow:hidden;			
				padding:5px 6px 5px;	
			}
			.shareList .tooltip-seta{
				width:10px;
				height:10px;
				left:7px;
				top:28px;
				background:url(http://midiavital.fbiz.com.br/locales/global/img/tooltip_seta.png?v=1.0.0) no-repeat left top;
			}

/* ERROR:  Missing file D:\Inetpub\Unilever\vital\www_midia\locales\suacasa\css\materia.css *//* quiz / enquete / poll */
.pollHolder{
	zoom:1;
	background:#F4EED4;
	padding:10px;
	font-size:14px;
	margin-bottom:20px;
}
	.pollHolder .question{
		zoom:1;
		overflow:hidden;
		margin:0;
		font-size:21px;
	}
	.pollHolder .disclaimer{
		margin-top:0;
	}
	.pollHolder .answerWrapper{
		background:#E9DEB0;
		padding:10px;
	}
	/* polls aand quiz answers */
	.pollHolder .answers{
		position:relative;
		overflow:hidden;
		zoom:1;
	}
		.pollHolder .first{
			margin:0;
		}
		.pollHolder li{
			float:left;_display:inline;
			margin-left:4.9%;
			width:30%;
			text-align:center;
			font-weight:bold;
			font-size:20px;
			line-height:36px;
			color:#000;
		}
		.pollHolder .size1{font-size:18px;}
		.pollHolder .size2{font-size:21px;}
		.pollHolder .size3{font-size:24px;}
		.pollHolder .size4{font-size:30px;}
		.pollHolder .size5{font-size:36px;}
			
			.pollHolder .answers a:link,
			.pollHolder .answers a:hover,
			.pollHolder .answers a:visited,
			.pollHolder .answers a:active{ 
				color:#000;
			}
			.pollHolder .answers a:hover{
				color:#444;
			}
	/* quiz */
	.pollHolder .quizPagination{
		float:right;display:inline;
		padding:7px 10px;
		white-space:nowrap;
		background:#fff;
		font-size:20px;
		margin-bottom:10px;
	}
	/* right answer (after each step) */
	.pollHolder .rightAnswerWrapper{
		clear:both;
		overflow:hidden;
		zoom:1;
		display:none;
	}
		.pollHolder .rightAnswerWrapper .quizFeedback{
			float:left;
			_display:inline;
			white-space:nowrap;
			background:#E9DEB0;
			color:#fff;
			font-weight:bold;
			margin-right:10px;
			font-size:21px;
		}
		.pollHolder .rightAnswerWrapper .quizCorrect{background:#56BC22;}
		.pollHolder .rightAnswerWrapper .quizIncorrect{background:#DC0000;}
			.pollHolder .rightAnswerWrapper .quizFeedback .middleWrapper,
			.pollHolder .rightAnswerWrapper .quizFeedback .middleContent{
				_float:left;_display:inline;
			}
			.pollHolder .rightAnswerWrapper .quizFeedback .middleContent{
				padding:10px;
			}
		.pollHolder .rightAnswerWrapper .answerWrapper{
			overflow:hidden;
			zoom:1;
		}
			.pollHolder .rightAnswerWrapper .answerWrapper p{
				margin:0;
			}
			.pollHolder .rightAnswerWrapper .answerWrapper .rightAnswer{
				font-size:18px;
				font-weight:bold;
			}
			.pollHolder .rightAnswerWrapper .answerWrapper .nextQuestionHolder,
			.pollHolder .nextQuestionHolder{
				overflow:hidden;
				zoom:1;
				margin-top:5px;
				margin-bottom:-10px;
				margin-right:-10px;
			}
				.pollHolder .nextQuestionHolder .btHigh{float:right;display:inline;}
	/* quiz results (after all steps) */
	.pollHolder .correctAnswers,
	.pollHolder .incorrectAnswers{
		padding:10px;
		text-align:center;
	}
	.pollHolder .correctAnswers{
		float:left;display:inline;
		margin-right:10px;
		width:47%;
		background:#56BC22;
	}
		.pollHolder .correctAnswers .ico,
		.pollHolder .incorrectAnswers .ico{
			position:relative;
			display:inline;
			height:0;
			line-height:0;
			font-size:0;
			zoom:1;
			padding:34px 0 0 36px;
			background-image:url(http://midiavital.fbiz.com.br/locales/global/img/sp_quiz_results.png?v=1.0.0);
			background-repeat:no-repeat;
			vertical-align:-6px;
			_vertical-align:-8px;
			margin-right:2px;
		}
		.pollHolder .correctAnswers .label,
		.pollHolder .incorrectAnswers .label{
			display:inline;
			font-size:24px;
			font-weight:bold;
			color:#fff;
		}
		.pollHolder .correctAnswers .ico{
			
		}
	.pollHolder .incorrectAnswers{
		overflow:hidden;
		zoom:1;
		background:#DC0000;
	}
		.pollHolder .incorrectAnswers .ico{
			background-position:0 -34px;
		}
	.pollHolder .quizResetHolder{
		overflow:hidden;
		zoom:1;
		margin-top:0;
		margin-bottom:0;
	}
		.pollHolder .quizResetHolder .btHigh{float:right;display:inline;}

/* class for non obstructive javascript */
.pollOn{}
	.pollOn input{
		display:none;
	}
	
/* quiz especific classes */
.quizHolder .answerWrapper{
	background:none;
	padding:0;
}
	.quizHolder li{
		background: #E9DEB0;
		padding:0;
		float:none;
		display:block;
		margin:2px 0 0 0;
		width:auto;
		text-align:left;
		font-weight:normal;
		font-size:20px;
		line-height:auto;
		color:#000;
		position:relative;
	}
		.quizHolder li input{
			position:absolute;
			top:20px;
			left:0;
		}
		.quizHolder li label{
			padding:10px;
			display:block;
		}
		.quizHolder li a:link,
		.quizHolder li a:hover,
		.quizHolder li a:visited,
		.quizHolder li a:active{ 
			text-decoration:none;
		}
		.quizHolder li a:hover{
			text-decoration:underline;
		}
	.quizHolder li.first{
		margin:0;
	}
.quizHolder .rightAnswerWrapper .answerWrapper{
	padding:10px;
	background: #E9DEB0;
}

/* test classes */
.testHolder .testResultWrapper{
	background:#E9DEB0;
	padding:10px;
	display:none;
}
	.testHolder .answerWrapper p{
		margin:0;
	}
	.testHolder .answerWrapper .answerName{
		font-size:19px;
		font-weight:bold;
		margin-bottom:5px;
	}